<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue全家桶</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="description" content="Description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./vue.css">
    <style>
        html,body{
            scroll-behavior: auto;
        }
        #back-top{
            position: fixed;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            right: 200px;
            bottom: 200px;
            background: #42b98380;
            text-align: center;
            line-height: 45px;
            cursor: pointer;
            transition: all 2s;
        }
        .out{
            opacity: 0;
            transition: all 2s;
        }
        .sidebar .app-name{
            text-align: left;
        }
        .app-name-link>img{
            width: 40px;
            margin-left: 20px;
        }
        .app-name-link>img:after{
            position: relative;
            content: "vue全家桶";
            font-size: 20px;
            left: 60px;
        }
        /* 大屏幕（大桌面显示器，大于等于 1200px） */
        @media (min-width: 992px) {
            .markdown-section{
                width: 60%;
                left: -80px;
            }
        }

    </style>
</head>
<body>
<div id="app"></div>
<script>
    window.$docsify = {
        name: 'docsify',
        repo: 'https://gitee.com/cqg001',
        loadNavbar: true,
        logo: 'https://cn.vuejs.org/images/logo.svg',
        coverpage: true,
        onlyCover:true
    }
    function backTop(){
        var ele=document.getElementById('back-top')
        window.scroll(0,0)
    }
    window.onscroll=function (){
        var ele=document.getElementById('back-top')
        if(ele){
            return;
        }
        var backToTop=document.createRange().createContextualFragment(`<div id="back-top" class="" onclick="backTop()">顶部</div>`)
        document.body.append(backToTop)
    }
</script>
<!-- Docsify v4 -->
<script src="./theme-vue.js"></script>
</body>
</html>
